<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>电影购票系统</title>

    <script type="text/javascript" src="${pageContext.request.contextPath}/vue.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/vue-resource.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/layui.css" id="layui">
    <Link rel="stylesheet" href="${pageContext.request.contextPath}/front/css/main.css">
    <script src="${pageContext.request.contextPath}/layui.js"></script>

</head>

<body>
<%@include file="common/header.jsp" %>
<div class="header-placeholder"></div>
<div id="app" class="container">
    <div class="content">
        <%@include file="common/aside.jsp" %>

        <div class="main">
            <div class="movie-grid">
                <div class="panel">
                    <div class="panel-header">
                        <span class="panel-title">
                            <span class="textcolor_red">正在热映</span>
                        </span>
                    </div>
                    <div class="panel-content">
                        <dl class="movie-list">
                            <c:forEach var="item" items="${moviesList}">
                                <dd >
                                    <div class="movie-item">
                                        <a href="${pageContext.request.contextPath}/front/detail.do?id=${item.id}" target="_blank">
                                            <div class=movie-poster>
                                                <img src="${item.imgpath}">
                                                <div class="movie-overlay movie-overlay-bg ">
                                                    <div class="movie-info">
                                                        <div class="movie-title movie-title-padding">
                                                                ${item.moviename}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <div class="movie-detail movie-detail-strong movie-sale ">
                                            <a href="${pageContext.request.contextPath}/front/detail.do?id=${item.id}" target="_blank" class="textcolor_red">购票 </a>
                                        </div>
                                    </div>
                                </dd>
                            </c:forEach>
                        </dl>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-header">
                        <span class="panel-title">
                            <span class="textcolor_red">最受期待</span>
                        </span>
                    </div>
                    <div class="panel-content">
                        <dl class="movie-list">
                            <c:forEach var="item" items="${isenjoy}">
                                <dd>
                                    <div class="movie-item">
                                        <a href="${pageContext.request.contextPath}/front/detail.do?id=${item.id}" target="_blank">
                                            <div class=movie-poster>
                                                <img src="${item.imgpath}">
                                                <div class="movie-overlay movie-overlay-bg ">
                                                    <div class="movie-info">
                                                        <div class="movie-title movie-title-padding">
                                                                ${item.moviename}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <div class="movie-detail movie-detail-strong movie-sale ">
                                            <a href="${pageContext.request.contextPath}/front/detail.do?id=${item.id}" target="_blank">
                                                    ${item.publishdate.substring(0,10)}
                                            </a>
                                        </div>
                                    </div>
                                </dd>
                            </c:forEach>
                        </dl>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>
<%@include file="common/footer.jsp" %>
</body>


</html>